import { Component } from "react";

import { Breadcrumb ,Typography,Divider,Row, Col,Input ,TreeSelect, Button } from 'antd';

const { Title } = Typography;
const { TreeNode } = TreeSelect;
class HospitalBedAdd extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
        return ( <div>
             <Breadcrumb style={{ margin: '16px 0' }}>
                <Breadcrumb.Item>病床记录</Breadcrumb.Item>
                <Breadcrumb.Item>添加病床</Breadcrumb.Item>
              </Breadcrumb>
              <div className="site-layout-content">
              <Title level={3}>添加病床</Title>
              <Divider />
              <Row gutter={[0, 16]}>
                <Col span={12}>
                    <Title level={5}>病床编号</Title>
                    <Input style={{ width: '80%' }} size='large' allowClear="true" />
                </Col>
                <Col span={12}>
                    <Title level={5}>病房类型</Title>
                    <TreeSelect
                        showSearch
                        style={{ width: '80%' }}
                        value={this.state.valueDepartment}
                        dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
                        allowClear
                        treeDefaultExpandAll
                        onChange={this.onChangeDepartment}
                        size='large'
                    >
                         <TreeNode value="普通病房" title="普通病房">
                        </TreeNode>
                        <TreeNode value="VIP贵宾" title="VIP贵宾">
                        </TreeNode>
                        <TreeNode value="ICU" title="ICU">
                        </TreeNode>
                    </TreeSelect>
                   
                </Col>
              </Row>
              <Row gutter={[0, 16]}>
                <Col span={6} offset={9}>
                    <Button type="primary" size='large' block>添加</Button>
                </Col>
              </Row>
             </div>
        </div> );
    }
}
 
export default HospitalBedAdd;